html {
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
             SimSun, sans-serif;
}

body {
  background: var(--color-grey);
}

#app {
  min-height: 100vh;
  padding: 0 2em;
  color: var(--color-base);
  display: flex;
  flex-flow: column;
}

.container {
  margin: 0 auto;
  max-width: 800px;
}

.content {
  flex: 1;
}

.card {
  /* border-radius: 3px; */
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.07), 0 5px 15px rgba(0, 0, 0, 0.07);
  padding: 1.5em;
  background: #fff;
}
